<template>
<div>
	<flexbox orient="vertical" class="bgred white">
		<flexbox-item class="userinfo ">
			<div class="text-center">
				<img class="headerimg " :src="userdata.headimgurl">
				<div class="h1">
					{{userdata.nickname}} 
				</div>
			</div>
		</flexbox-item>
		
    </flexbox>

	<flexbox >
    	<flexbox-item >
    		<yd-cell-group>
		        <yd-cell-item arrow @click.native="order">
		            <span slot="left">订单</span>
		        </yd-cell-item>
		        <yd-cell-item arrow @click.native="activation">
		            <span slot="left">激活</span>
		        </yd-cell-item>
		        <yd-cell-item arrow @click.native="collection">
		            <span slot="left">收藏</span>
		        </yd-cell-item>
		    </yd-cell-group>

    	</flexbox-item>
    </flexbox> 


</div>
  		
</template>

<script>

import { mapGetters } from 'vuex';

export default {
	name: 'membercenter',
	
	data () {
		return {
		  	
		}
	},

	components: {

		
	},

	computed : {
		...mapGetters([
			'company_code', 
			'userdata',
		]),
	},

	methods : {
		order () {
			this.$router.push({ 
	          name: 'orderlist', 
	          query : { 'company_code' : this.company_code},
	        });
		},

		activation () {


		},

		collection () {
			this.$router.push({ 
	          name: 'collectionlist', 
	          query : { 'company_code' : this.company_code},
	        });

		}
	},

	watch:{
	    
	},

	mounted () {
		
		
	},

}
</script>

<style scoped>
.userinfo {
	height: 150px;
}
.userinfo .headerimg {
	border-radius:50%;
	width: 80px;
	height: 80px;
	margin-top: 20px;
}

.userinfo .name {
	margin-top: 10px;
	/*color: #fff;*/
}

</style>
